<template>
    <div class="orderForm">
        <el-table
        class="red-header"
      :data="tableData"
      style="width: 100%">
      <el-table-column
        prop="name"
        label="吧台编号"
        >
      </el-table-column>
      <el-table-column
        prop="address1"
        label="投放区域"
        >
      </el-table-column>
      <el-table-column
        :label="$t('table.actions')"
        align="center"
        width="200"
        class-name="small-padding fixed-width"
      >
        <template slot-scope="{ row }">
     
          <el-button
            type="primary"
            size="mini"
            @click="goDetail(row.hotSearchId)"
          >
            移除
          </el-button>
        </template>
      </el-table-column>
    </el-table>
    </div>
  </template>
  
  <script>
  export default {
    data() {
      return {
        tableData: [{
          name: 'A00001',
          address1: '邯郸市丛台区天鸿广场2楼',
        },{
          name: 'A00002',
          address1: '邯郸市丛台区美乐城4楼',
        },{
          name: 'A00003',
          address1: '邯山区浙江商贸城三楼2区',
        },]
      }
    },
    methods:{
        goDetail(){

        }
    }
  }
</script>
  
  <style lang="scss" scoped>
   ::v-deep .red-header .el-table__header th {
    background-color: rgb(242, 243, 245);
    color: #000; /* 可选：为了确保文字颜色与背景对比度良好，可以设置文本颜色为白色 */
  }
  </style>